


var yc = document.querySelector('#yc');

var bc = document.querySelector('#bc');




yc.onmouseover=function(){
	bc.style.height='240px';
	bc.style.paddingTop = "40px";
	bc.style.paddingBottom = "25px";
}

yc.onmouseout=function(){
	
	bc.style.height='0';
	bc.style.paddingTop = "0";
	bc.style.paddingBottom = "0";
}

bc.onmouseout=function(){
	bc.style.height='0';
	bc.style.paddingTop = "0";
	bc.style.paddingBottom = "0";
}


bc.onmouseover=function(){
	bc.style.height='240px';
	bc.style.paddingTop = "40px";
	bc.style.paddingBottom = "25px";
}



var ycc = document.querySelector('.ycc');

var bcc = document.querySelector('#bcc');

ycc.onmouseover=function(){
	bcc.style.height='240px';
	bcc.style.paddingTop = "40px";
	bcc.style.paddingBottom = "25px";
}

ycc.onmouseout=function(){
	
	bcc.style.height='0';
	bcc.style.paddingTop = "0";
	bcc.style.paddingBottom = "0";
}

bcc.onmouseout=function(){
	bcc.style.height='0';
	bcc.style.paddingTop = "0";
	bcc.style.paddingBottom = "0";
}


bcc.onmouseover=function(){
	bcc.style.height='240px';
	bcc.style.paddingTop = "40px";
	bcc.style.paddingBottom = "25px";
}




var yyc = document.querySelector('.yyc');

var bbc = document.querySelector('#bbc');

yyc.onmouseover=function(){
	bbc.style.height='240px';
	bbc.style.paddingTop = "40px";
	bbc.style.paddingBottom = "25px";
}

yyc.onmouseout=function(){
	
	bbc.style.height='0';
	bbc.style.paddingTop = "0";
	bbc.style.paddingBottom = "0";
}

bbc.onmouseout=function(){
	bbc.style.height='0';
	bbc.style.paddingTop = "0";
	bbc.style.paddingBottom = "0";
}


bbc.onmouseover=function(){
	bbc.style.height='240px';
	bbc.style.paddingTop = "40px";
	bbc.style.paddingBottom = "25px";
}





var wsxl = document.querySelector('.wsxl');

var ws = document.querySelector('#ws');



wsxl.onmouseover=function(){
	ws.style.height='240px';
	ws.style.paddingTop = "40px";
	ws.style.paddingBottom = "25px";
}

wsxl.onmouseout=function(){
	
	ws.style.height='0';
	ws.style.paddingTop = "0";
	ws.style.paddingBottom = "0";
}

wsxl.onmouseout=function(){
	ws.style.height='0';
	ws.style.paddingTop = "0";
	ws.style.paddingBottom = "0";
}


wsxl.onmouseover=function(){
	ws.style.height='240px';
	ws.style.paddingTop = "40px";
	ws.style.paddingBottom = "25px";
}







var idj = document.querySelector('.idj');

var dj = document.querySelector('#dj');


idj.onmouseover=function(){
	dj.style.height='240px';
	dj.style.paddingTop = "40px";
	dj.style.paddingBottom = "25px";
}

idj.onmouseout=function(){
	
	dj.style.height='0';
	dj.style.paddingTop = "0";
	dj.style.paddingBottom = "0";
}

idj.onmouseout=function(){
	dj.style.height='0';
	dj.style.paddingTop = "0";
	dj.style.paddingBottom = "0";
}


idj.onmouseover=function(){
	dj.style.height='240px';
	dj.style.paddingTop = "40px";
	dj.style.paddingBottom = "25px";
}



var yybf = document.querySelector('.yybf');
var mian = document.querySelector('.mian');
var yybf1 = document.querySelector('.yybf1');
var mian1 = document.querySelector('.mian-1');
var yybf2 = document.querySelector('.yybf2');
var mian2 = document.querySelector('.mian-2');

var yybf3 = document.querySelector('.yybf3');
var mian3 = document.querySelector('.mian-3');
var yybf4 = document.querySelector('.yybf4');
var mian4 = document.querySelector('.mian-4');


yybf.onmouseover=function(){
	mian.style.display='block';
}
yybf.onmouseout=function(){
	mian.style.display='none';
}
mian.onmouseover=function(){
	mian.style.display='block';
}
mian.onmouseout=function(){
	mian.style.display='none';
}


yybf1.onmouseover=function(){
	mian1.style.display='block';
}
yybf1.onmouseout=function(){
	mian1.style.display='none';
}
mian1.onmouseover=function(){
	mian1.style.display='block';
}
mian1.onmouseout=function(){
	mian1.style.display='none';
}



yybf2.onmouseover=function(){
	mian2.style.display='block';
}
yybf2.onmouseout=function(){
	mian2.style.display='none';
}
mian2.onmouseover=function(){
	mian2.style.display='block';
}
mian2.onmouseout=function(){
	mian2.style.display='none';
}

yybf3.onmouseover=function(){
	mian3.style.display='block';
}
yybf3.onmouseout=function(){
	mian3.style.display='none';
}
mian3.onmouseover=function(){
	mian3.style.display='block';
}
mian3.onmouseout=function(){
	mian3.style.display='none';
}

yybf4.onmouseover=function(){
	mian4.style.display='block';
}
yybf4.onmouseout=function(){
	mian4.style.display='none';
}
mian4.onmouseover=function(){
	mian4.style.display='block';
}
mian4.onmouseout=function(){
	mian4.style.display='none';
}


//倒计时


var oSpan = document.getElementsByTagName('b')[0];
  function tow(n) {
    return n >= 0 && n < 10 ? '0' + n : '' + n;
  }
  function getDate() {
    var oDate = new Date();//获取日期对象
    var oldTime = oDate.getTime();//现在距离1970年的毫秒数
    var newDate = new Date('2019/6/25 22:00:00');
    var newTime = newDate.getTime();//2019年距离1970年的毫秒数
    var second = Math.floor((newTime - oldTime) / 1000);//未来时间距离现在的秒数
   
    var hour = Math.floor(second / 3600);//整数部分代表小时；
    second %= 3600; //余数代表 剩下的秒数；
    var minute = Math.floor(second / 60);
    second %= 60;
    var str = tow(hour) + '<b class="time">:</b>'
          + tow(minute) + '<b class="time">:</b>'
           + tow(second);
       
    oSpan.innerHTML = str;
  }
  getDate();
  setInterval(getDate, 1000);
  
 var rm = document.querySelectorAll('.game-b li');
 var rigth1 = document.querySelectorAll('.game-c-rigth>ul');
 for(var i=0;i<rm.length;i++){
 	rm[i].index=i;
 	rm[i].onmouseover=function(){
 		for(var c=0;c<rigth1.length;c++){
 			rm[c].className='';
   			rigth1[c].className='c-rigth2'
 		}
 		this.className='xian';
 		rigth1[this.index].className="c-rigth"
 	}
 }
 
 	

var rm = document.querySelectorAll('.game-b li');
 var rigth1 = document.querySelectorAll('.game-c-rigth>ul');
 for(var i=0;i<rm.length;i++){
 	rm[i].index=i;
 	rm[i].onmouseover=function(){
 		for(var c=0;c<rigth1.length;c++){
 			rm[c].className='';
   			rigth1[c].className='c-rigth2'
 		}
 		this.className='taisij';
 		rigth1[this.index].className="c-rigth"
 	}
 }
 

//增值服务

 var zuo = document.querySelector('.zuo');
 var you = document.querySelector('.you');
 var hua = document.querySelector('.hua');
 var qaq = document.querySelector('.qaq');
 var qwq = document.querySelector('.qwq');
 var lsfs = document.querySelector('.lsfs');
 
 
function time_zpy(a,b){
	setTimeout(function(){
 		if(a>b){
 			a=a-10;
 			hua.style.left= a+'px';
 			time_zpy(a,b);
 		}
 	},1);
}
 you.onclick=function(){
// 	hua.style.left='-1265px';
 	time_zpy(0,-1265)
 }



function time1_zpy(c,d){
	setTimeout(function(){
		console.log(c);
		console.log(d);
 		if(c<d){
 			c=c+10;
 			hua.style.left= c+'px';
 			time1_zpy(c,d);
 		}
 	},1);
}
  zuo.onclick=function(){
// 	hua.style.left='-1265px';
 	time1_zpy(-1265,0)
 }
  

function time3(e,f){
	setTimeout(function(){
 		if(e>f){
 			e=e-10;
 			lsfs.style.left= e+'px';
 			time3(e,f);
 		}
 	},1);
}
 qaq.onclick=function(){
// 	hua.style.left='-1265px';
 	time3(0,-1265)
 }
 


function time4(h,i){
	setTimeout(function(){
		console.log(h);
		console.log(i);
 		if(h<i){
 			h=h+10;
 			lsfs.style.left= h+'px';
 			time4(h,i);
 		}
 	},1);
}
  qwq.onclick=function(){
// 	hua.style.left='-1265px';
 	time4(-1265,0)
 }
  








//视频
//视频
//视频


var bf1 = document.querySelector('#bf1');
var bf2 = document.querySelector('#bf2');
var bf3 = document.querySelector('#bf3');
var bf4 = document.querySelector('#bf4');

var ycsp = document.querySelector('.ycsp');
var ycsp2 = document.querySelector('.ycsp2');
var ycsp3 = document.querySelector('.ycsp3');
var ycsp4 = document.querySelector('.ycsp4');
var body = document.querySelector('body');

	bf1.onclick=function(){
		ycsp.style.display='block';
	}
	bf2.onclick=function(){
		ycsp2.style.display='block';
	}
	bf3.onclick=function(){
		ycsp3.style.display='block';
	}
	bf4.onclick=function(){
		ycsp4.style.display='block';
		
	}
	
	ycsp.onclick=function(){
		ycsp.style.display='none';
		
	}
	ycsp2.onclick=function(){
		ycsp2.style.display='none';
		
	}
	ycsp3.onclick=function(){
		ycsp3.style.display='none';
		
	}
	ycsp4.onclick=function(){
		ycsp4.style.display='none';
		
	}
	


		var pro = document.querySelector('.pro');
		
		var inp = document.querySelector('.inp');
		
//		
		
		
		
	inp.onfocus=function(){
		pro.style.display='none';
	}
	inp.onblur=function(){
		if(inp.value != ""){
			pro.style.display='none';
		}else{
			pro.style.display='block';
		}
	}
			

//	回到顶部


	var t = document.querySelector(".hdb1");
	

	window.onscroll = function(){
				if(document.documentElement.scrollTop > 500 || document.body.scrollTop > 500){
					t.style.display = "block";
				}else{
					t.style.display = "none";
				}
				
			}
	
		t.addEventListener('click',function(){
				window.scrollTo({
					top:0,
					behavior: 'smooth'
				})
			})
		





//json


var vm = new Vue({
	el:"#app",
	data:{
		message:"正在请求数据..."
	},
	mounted(){
		axios
		.get("json/news.json")
		.then(response => (this.message = response.data.urls))
		.catch(function (error){
			console.log(error)
		});
	}
})